$(document).ready(function(){
	getBrandPicture();
});

function getBrandPicture(){
	$('#table_list').DataTable({
        dom: '<"top">rt<"bottom"flip><"clear">',
        language: {
            "sUrl":'../static/plugins/datatables/language.json'
        },
        "searching": false,
        "processing": true,
        "serverSide": true,
        ajax:{
            url:'/brand-picture/get-brand-picture',
            type:'post',
            data:function(d){
                d.platform = $('#platform_2').val();
            },
            error:getError
        },
        aoColumns: [
            { "data": "", "bSortable": false},
            { "data": "brand_name", "bSortable": false},
            { "data": "id", "bSortable": false},
            { "data": "banner_config", "bSortable": false },
            { "data": "sort", "bSortable": true },
            { "data": "banner_config", "bSortable": false },
            { "data": "platform", "bSortable":false },
            { "data": "use_flg", "bSortable":false }
        ],
        columnDefs: [
            {
                "targets": [0],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                	return '<a href="javascript:" onclick="BrandPictureDetail('+ full.id +')">修改</a>';
                }
            },
            {
                "targets": [2],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                    return '<a href="javascript:" onclick="chooseSeo('+ full.id +',6)">修改</a>';
                }
            },
            {
                "targets": [3],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                	return data[0].picture_name;
                }
            },
            {
                "targets": [4],
                "orderable":true,
                "searchable":false,
                "render": function(data, type, full) {
                	return '<input type="text" '+(data == 1 ? 'checked="checked"' : '')+' value="'+data+'" class="form-control" style="width: 45px;" ><a href="javascript:" onclick="changeBrandPictureSort('+ full.id +',this)">&nbsp;&nbsp;修改</a>';
                }
            },
            {
                "targets": [5],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                	return '<a href="javascript:;" onclick="showImg(\''+data[0].picture_url+'\')">查看图片</a>';
                }
            },
            {
                "targets": [6],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                	return data == 1 ? 'PC' : 'WAP';
                }
            },
            {
                "targets": [7],
                "orderable":false,
                "searchable":false,
                "render": function(data, type, full) {
                	return '<span class="switch" data-id="'+ full.id +'" data-flg="'+(data == 1 ? 0 : 1)+'"><input  style="width:20px;height:20px;" type="checkbox" '+(data == 1 ? 'checked="checked"' : '')+' class="input-check"></span>';
                }
            }
        ],
        order: [[ 4, "desc" ]]                      //初始指定排序字段
    });
}

function table_list_reload(){
	var table = $('#table_list').DataTable();
    table.ajax.reload();
}

function BrandPictureDetail(id){
	$.post('/brand-picture/brand-picture-detail',{id:id},success,'json');
	return false;
    function success(data){
        $.jBox.close();
        if(data.code == 200)
        {
        	$('#BrandPicture-modal').modal('show');
        	var result = data.val;
			//add by lizenan 20180309 【后台需求】首页品牌街有点击更多的按钮（此按钮在设计中），点击更多，新增一页品牌街列表页。 533 start
        	var banner = result.banner_config[0];
        	var brand_street_category_id = result.brand_street_category_id;
        	$('.brand-category').html('<label for="tag_group_id_add">品牌街品牌分类</label>');
        	$('#platform').val(result.platform);
        	if(result.platform == '2'){
        		$('#brand_list_picture_url').parent().addClass('hide');
        		$('#brand_interactive_picture_url').parent().addClass('hide');
        		$('.brand-category').addClass('hide');
        		$('.remark').text('备注：上传首页品牌街图片为Jpg格式，图片不超过30k。');
        	}else{
        		$('#brand_list_picture_url').parent().removeClass('hide');
        		$('#brand_interactive_picture_url').parent().removeClass('hide');
        		$('.brand-category').removeClass('hide');
        		$('.remark').text('备注：上传首页品牌街图片、上传首页品牌街列表页图片为Jpg格式，上传首页品牌街列表页交互图片为Png格式，所有图片都不超过30k。');
        	}
        	$('#brand_id').val(result.brand_id);
        	$('#picture_name').val(banner.picture_name);
        	$('#sort').val(result.sort);
        	if(banner.picture_url){
        		$('#picture_url').val(banner.picture_url);
        		$('#picture_url').prev().removeClass('hide');
        	}else{
        		$('#picture_url').val('');
        		$('#picture_url').prev().addClass('hide');
        	}
        	if(banner.brand_list_picture_url){
        		$('#brand_list_picture_url').val(banner.brand_list_picture_url);
        		$('#brand_list_picture_url').prev().removeClass('hide');
        	}else{
        		$('#brand_list_picture_url').val('');
        		$('#brand_list_picture_url').prev().addClass('hide');
        	}
        	if(banner.brand_interactive_picture_url){
        		$('#brand_interactive_picture_url').val(banner.brand_interactive_picture_url);
        		$('#brand_interactive_picture_url').prev().removeClass('hide');
        	}else{
        		$('#brand_interactive_picture_url').val('');
        		$('#brand_interactive_picture_url').prev().addClass('hide');
        	}
        	var class_len = $('#class_len').val();
            var div_class = 'dropdown-sin-'+class_len;
        	var brand_category_html = '<div class="'+div_class+'" style="width: 50%">';
        	brand_category_html += '<select name="brand_category[]" id="brand_category" multiple placeholder="请选择">';
        	brand_category_html += '<option value="0" '+(brand_street_category_id.length == 0 ? 'selected' : '')+'>请选择</option>';
        	if(brand_category.length > 0){
        		brand_category.forEach(function(e){
        			brand_category_html += '<option value="'+e.id+'" '+($.inArray(e.id.toString(),brand_street_category_id) >=0 ? 'selected' : '')+'>'+e.name+'</option>';
        		});
        	}
        	brand_category_html += '</select>';
        	brand_category_html += '</div>';
        	$('.brand-category').append(brand_category_html);
            $('.'+div_class).dropdown({
            	searchable: false
           	});
            class_len++;
            $('#class_len').val(class_len);
        	$('#is_show').prop("checked",result.is_show == 1 ? true : false);
//        	$('#picture_alt').val(banner.picture_alt);
			//add by lizenan 20180309 【后台需求】首页品牌街有点击更多的按钮（此按钮在设计中），点击更多，新增一页品牌街列表页。 533 end
        	$('#product_url').val(banner.product_url);
        	$('#use_flg').val(result.use_flg);
        	$('#hot_sale_id').val(result.id);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
}
//add by lizenan 20180309 【后台需求】首页品牌街有点击更多的按钮（此按钮在设计中），点击更多，新增一页品牌街列表页。 533 start
$('#platform').on('change',function(){
	if($(this).val() == 2){
		$('#brand_list_picture_url').parent().addClass('hide');
		$('#brand_interactive_picture_url').parent().addClass('hide');
		$('.brand-category').addClass('hide');
		$('.remark').text('备注：上传首页品牌街图片为Jpg格式，图片不超过30k。');
	}else{
		$('#brand_list_picture_url').parent().removeClass('hide');
		$('#brand_interactive_picture_url').parent().removeClass('hide');
		$('.brand-category').removeClass('hide');
		$('.remark').text('备注：上传首页品牌街图片、上传首页品牌街列表页图片为Jpg格式，上传首页品牌街列表页交互图片为Png格式，所有图片都不超过30k。');
	}
});
//add by lizenan 20180309 【后台需求】首页品牌街有点击更多的按钮（此按钮在设计中），点击更多，新增一页品牌街列表页。 533 end
function changeBrandPictureSort(id,where){
	var sort = $(where).prev().val();
	$.post('/brand-picture/change-brand-picture-sort',{id:id,sort:sort},success,'json');
    return false;
    function success(data){
        $.jBox.close();
        if(data.code == 200)
        {
            $.jBox.tip('处理成功', 'success');
            window.setTimeout(function () { table_list_reload(); }, 1000);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
    }
}

function changeBrandPictureStatus(id,use_flg){
	title = '确定停用此活动？';
	if(use_flg == 1){
		title = '确定启用此活动？';
	}
	$.jBox.confirm(title, "提示", function(v){
        if (v == 'ok'){
            $.post('/brand-picture/change-brand-picture-status',{id:id,use_flg:use_flg},success,'json');
            return false;
            function success(data){
                $.jBox.close();
                if(data.code == 200)
                {
                    $.jBox.tip('处理成功', 'success');
                    window.setTimeout(function () { table_list_reload(); }, 1000);
                }
                else{
                    $.jBox.error(data.val, '错误');
                }
            }
        }else{
            $.jBox.close();
            if(use_flg == 1){
        		$('#table_list').find('span[data-id='+id+']').children('input').prop('checked',false);
        	}else{
        		$('#table_list').find('span[data-id='+id+']').children('input').prop('checked',true);
        	}
        }
    });
}

function changeCategory(where){
	var category_id = $(where).val();
	var id = $('#category-child-maintain-modal');
	id.find('.child_father ').removeClass('hide');
	id.find('.select_html').addClass('hide');
	id.find('.select_html_2').addClass('hide');
	if(category_id > 0){
		id.find('.child_project').removeClass('hide');
	}else{
		id.find('.child_project').addClass('hide');
	}
	var category_name = $(where).find('option[value='+category_id+']').text();
	if(category_name == '奢品'){
		id.find('.category_child').removeClass('hide');
		id.find('.sort').addClass('hide');
		id.find('.picture_class').addClass('hide');
		id.find('.picture_table').removeClass('hide');
		id.find('.product_url').addClass('hide');
		id.find('.ext2').addClass('hide');
	}else{
		id.find('.category_child').addClass('hide');
		id.find('.sort').removeClass('hide');
		id.find('.picture_class').removeClass('hide');
		id.find('.picture_table').addClass('hide');
		id.find('.product_url').removeClass('hide');
		id.find('.ext2').removeClass('hide');
	}
	if(category_id){
		getCategoryChild(category_id,category_child);
	}
}
//add by lizenan 20180309 【后台需求】首页品牌街有点击更多的按钮（此按钮在设计中），点击更多，新增一页品牌街列表页。 533 start
$('#BrandPicture_form').delegate('.upload-img-btn','click',function(){
	$('#img_class').val('upload-img-btn');
	$('.upload_file_ot').trigger('click');
});

$('#BrandPicture_form').delegate('.upload-img-btn-1','click',function(){
	$('#img_class').val('upload-img-btn-1');
	$('.upload_file_ot').trigger('click');
});

$('#BrandPicture_form').delegate('.upload-img-btn-2','click',function(){
	$('#img_class').val('upload-img-btn-2');
	$('.upload_file_ot').trigger('click');
});

$('.upload_file_ot').change(function(){
    if(this.value != ''){
    	$('#upload_form_update').submit();
    }
});

$('#upload_form_update').submit(function(e){
    e.preventDefault();
    $(this).ajaxSubmit({
        success:function(data){
            var result = $.parseJSON(data);
            if(result.code == 500){
                $.jBox.error(result.val, '错误');
            }else{
            	var img_class = $('#img_class').val();
            	var imageBathUrl = $('#imageBathUrl').val();
            	if(img_class == 'upload-img-btn'){
            		$('#picture_url').val(result.val);
                	$('#picture_url').prev().removeClass('hide');
            	}else if(img_class == 'upload-img-btn-1'){
            		$('#brand_list_picture_url').val(result.val);
                	$('#brand_list_picture_url').prev().removeClass('hide');
            	}else if(img_class == 'upload-img-btn-2'){
            		$('#brand_interactive_picture_url').val(result.val);
                	$('#brand_interactive_picture_url').prev().removeClass('hide');
            	}
            	$('input[type=file]').closest('form').get(0).reset();
            }
        }
    });
});
//add by lizenan 20180309 【后台需求】首页品牌街有点击更多的按钮（此按钮在设计中），点击更多，新增一页品牌街列表页。 533 end
function showImg(img_url){
	if(img_url == '' || img_url == null || img_url == undefined){
        $.jBox.error('数据为空', '错误');
        return false;
    }
	var json = {
        "title": "分类图片", //相册标题
        "id": 0, //相册id
        "start": 0, //初始显示的图片序号，默认0
        "data": [   //相册包含的图片，数组格式
            {
                "alt": "",//图片名
                "pid": 0, //图片id
                "src": $('#imageBathUrl').val() + img_url, //原图地址
                "thumb": "" //缩略图地址
            }
        ]
    };
    layer.photos({
        photos: json
    });
}

$('.ajax_post_tag').on('click',function(){
	var form = $('#BrandPicture_form');
	var brand_id = $('#brand_id').val();
    var picture_name = $('#picture_name').val();
    if(brand_id == ''){
        $.jBox.error('请选选择品牌', '错误');
        return false;
    }
    if(picture_name == ''){
        $.jBox.error('请填写图片名称', '错误');
        return false;
    }
    var sort = $('#sort').val();
	if(sort == ''){
        $.jBox.error('请填写活动排序编号', '错误');
        return false;
    }
	var picture_url = $('#picture_url').val();
	if(picture_url == ''){
        $.jBox.error('请上传一张商品图片', '错误');
        return false;
    }
	var is_show = 1;
	if($('#is_show').prop('checked') == false) {
		is_show = 0;
	}
    /* del by allen.qiang 20171205 不需要必填 start
	var product_url = $('#product_url').val();
	if(product_url == ''){
        $.jBox.error('请填写商品链接', '错误');
        return false;
    }
     del by allen.qiang 20171205 不需要必填 end*/
    $.post(form.attr('action'),form.serialize()+'&is_show='+is_show,success,'json');
    return false;
	function success(data){
        if(data.code == 200)
        {
            $.jBox.tip('处理成功', 'success');
            window.setTimeout(function () {
                $('#BrandPicture-modal').modal('hide');
                table_list_reload();
            }, 1000);
        }
        else{
            $.jBox.error(data.val, '错误');
        }
	}
});

$('#add_button').on('click',function(){
	$('#BrandPicture-modal').modal('show');
	$('#brand_id').val(1);
	$('#platform').val('1');
	$('#picture_name').val('');
	$('#sort').val('');
	$('#picture_url').val('');
	$('#brand_list_picture_url').val('');
	$('#brand_interactive_picture_url').val('');
	$('#picture_url').prev().addClass('hide');
	$('#brand_list_picture_url').prev().addClass('hide');
	$('#brand_interactive_picture_url').prev().addClass('hide');
//	$('#picture_alt').val('');
	$('#product_url').val('');
	$('#use_flg').val(1);
	$('#hot_sale_id').val('');
	$('.brand-category').html('<label for="tag_group_id_add">品牌街品牌分类</label>');
	var class_len = $('#class_len').val();
    var div_class = 'dropdown-sin-'+class_len;
	var brand_category_html = '<div class="'+div_class+'" style="width: 50%">';
	brand_category_html += '<select name="brand_category[]" id="brand_category" multiple placeholder="请选择">';
	brand_category_html += '<option value="0" selected>请选择</option>';
	if(brand_category.length > 0){
		brand_category.forEach(function(e){
			brand_category_html += '<option value="'+e.id+'">'+e.name+'</option>';
		});
	}
	brand_category_html += '</select>';
	brand_category_html += '</div>';
	$('.brand-category').append(brand_category_html);
    $('.'+div_class).dropdown({
    	searchable: false
   	});
    class_len++;
    $('#class_len').val(class_len);
});

$('table').on('click','.input-check',function(){
	var id = $(this).parent().attr('data-id');
	var use_flg = $(this).parent().attr('data-flg');
	changeBrandPictureStatus(id,use_flg);
});

/**
 * 查询处理
 * add by allen.qiang 20171206
 */
$('#select_button').click(function(){
    var table = $('#table_list').DataTable();
    table.ajax.reload();
})
/**
 * 重置处理
 * add by allen.qiang 20171206
 */
$('#reset_button').click(function(){
    $('#platform_2').val('');
    var table = $('#table_list').DataTable();
    table.ajax.reload();
})